@import url("reset.css");

body {
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#333;
}

div#contenedor {
    width:955px;
    text-align:center;
    margin:0 auto;
}

/* ESTILOS DE LA CABECERA DE LA WEB */
div#cabecera {
    width:955px;
    height:300px;
    text-align:left;
    margin:0 auto;
}

div#cabecera img#logo{
    margin-top:10px;
    padding-bottom:10px;
}

div#cabecera a {
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#FFF;
    text-decoration:none;
}

div#cabecera a:visited {
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#FFF;
    text-decoration:none;
}

div#cabecera a:hover {
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    color:#99cc99;
    text-decoration:underline;
}

div#menu_superior {
    width:954px;
    height:25px;
    background:#060;
}

div#menu_superior ul {
    margin-left:480px;
    padding-top:6px;
}

div#menu_superior li {
    float:left;
    padding-right:10px;
}
/* ESTILOS DE LA CABECERA DE LA WEB */

/* ESTILOS PARA EL CUERPO DE LA WEB */
div#cuerpo {
    width:955px;
    text-align:left;
    margin:0 auto;
    height:auto;
}
/* ESTILOS PARA LA EL MENU IZQUIERDO DE LA WEB Y EL PANEL DE INFORMACIÓN */
div#izquierda {
    margin-top:10px;
    padding-right:15px;
    width:215px;
    height:auto;
    float:left;
}

div#menu_izquierda {
    width:216px;
    height:auto; 
    text-align:center;
    border:#ccc solid 1px;
    padding-bottom:12px;
}

div#menu_izquierda ul {
    padding-left:8px;
    margin-top:15px;
}

div#menu_izquierda li {
    width:200px;
    height:25px;
    margin-top:2px;
    width:200px;
    height:25px;
    background:#99cc99;
}

/* LA OPCIÓN DISPLAY:BLOCK NOS PERMITE ESTABLECER EL ANCHO DEL ENLACE. SIN ELLA NO SE PUEDE HACER ESTO */
div#menu_izquierda a {
    padding-top:6px;
    font:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration:none;
    color:#FFF;
    display:block;

}

div#menu_izquierda a:visited {
    padding-top:6px;
    font:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration:none;
    color:#FFF;
    display:block;

}

div#menu_izquierda a:hover {
    height:19px;
    padding-top:6px;
    font:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration:none;
    color:#FFF;
    display:block;
    background:#060;

}

div#panel_info {
    margin-top:10px;
    height:310px;
    width:216px;
    text-align:center;
    border:#ccc solid 1px;
}

div#panel_info p {
    line-height:normal;
    font-size:16px;
    text-align:left;
    color:#99cc99;
    font-weight:bold;
    margin-left:8px;
    margin-top:18px;
}
/* ESTILOS PARA LA EL MENU IZQUIERDO DE LA WEB Y EL PANEL DE INFORMACIÓN */

/* ESTILOS PARA EL CONTENIDO CENTRAL */
div#derecha {
    padding-top:10px;
    width:600px;
    height:auto;
    float:left;
}

div#contenido {
    width:745px;
}

div#contenido h1 {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    color:#060;
    font-weight:bold;
}

div#contenido .titulo_error {
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    color:red;
    font-weight:bold;
}

div#contenido .texto_error {
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    color:red;
}

div#contenido h2 {
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    color:#333;
    font-weight:bold;
    //margin-right:230px;
}

div#contenido #datos {
    float:left;
}
div#contenido #fotografia {
    border:1px solid #ccc;
    float:left;
    margin-left:50px;
    margin-top:45px;
    padding:5px;
}

p#camposobligatorios {
    margin-left:230px;
    color:#999;
    margin-top:5px;
}

form#frmgenerico label {
    color:#060;
    font-weight:bold;
}

form#frmgenerico input {
    margin-top:5px;
    margin-bottom:5px;
    border:1px #060 solid;
    width:400px;
}




input#btn1 {
    font-size:16px;
    font-weight:bold;
    background:#060;
    color:#FFF;
    height:30px;
}

/* ESTILOS PARA EL BOTÓN ENTRAR DE LOS LOGIN */
input#btn2 {
    font-size:16px;
    font-weight:bold;
    background:#060;
    color:#FFF;
    width:30px;
    height:30px;
}
/* ESTILOS PARA EL BOTÓN ENTRAR DE LOS LOGIN */

input#btn1:hover {
    font-size:16px;
    font-weight:bold;
    background:#333;
    cursor:pointer;
    color:#FFF;
    height:30px;
}

input#btn2:hover {
    font-size:16px;
    font-weight:bold;
    background:#333;
    cursor:pointer;
    color:#FFF;
    height:30px;
}

form#frmgenerico textarea {
    margin-top:5px;
    margin-bottom:5px;
    border:1px #060 solid;
    width:600px;
    height:70px;
}

form#frmgenerico select {
    margin-top:5px;
    margin-bottom:5px;
}

form#frmgenerico .radio {
    width:20px;
}

form#frmgenerico .checkbox {
    width:20px;
}

/* ESTILOS PARA TABLAS */
div#cuerpo table {
    margin:0px 0px 5px 0px;
    border:1px #CCC solid;
    text-align:center;
    width:725px;
}
div#cuerpo table.miTabla{
    margin:0px 0px 0px 0px;
    border:1px #060 solid;
    text-align:center;
    width:402px;
    padding: 0px 0px 0px 0px;
}

table th {
    font-size:11px;
    background:#060;
    color:#FFF;
    height:20px;
    padding:2px 5px;
    border:1px #030 solid;
    text-align:center;


}

table td {
    padding:2px 5px;
    vertical-align:middle;
    text-align:center;
    border:1px #030 solid;
}
div#cuerpo td.miTd{

    padding: 0px 0px 0px 0px;
    border:0px #F00 solid;
}
table a {
    height:19px;
    padding-top:6px;
    font:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration:none;
    color:#333;
    display:block;

}

table a:visited {
    height:19px;
    padding-top:6px;
    font:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration:none;
    color:#333;
    display:block;

}

table a:hover {
    height:19px;
    padding-top:6px;
    font:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration:underline;
    color:#060;
    display:block;


}
/* ESTILOS PARA TABLAS */

/* ESTILOS PARA PAGINACIÓN */
div#paginacion {
    margin-left:550px;
}

div#paginacion li {
    float:left;
    margin-right:5px;
}

div#paginacion a {
    padding-top:6px;
    font:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration:none;
    color:#333;

}

div#paginacion a:visited {
    padding-top:6px;
    font:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration:none;
    color:#333;
}

div#paginacion a:hover {
    padding-top:6px;
    font:Verdana, Geneva, sans-serif;
    font-size:11px;
    text-decoration:underline;
    color:#060;

}



/* ESTILOS PARA EL CONTENIDO CENTRAL */


/* ESTILOS PARA EL PIE DE PÁGINA */
div#pie {
    margin-top:10px;
    margin-bottom:10px;
    width:955px;
    float:left;
}

div#barra_pie {
    width:955px;
    height:25px;
    background:#333;
    margin-bottom:10px;
}

div#barra_pie p {
    margin-right:465px;
    margin-left:10px;
    margin-top:6px;
    color:#FFF;
    float:left;
}

div#barra_pie a {
    color:#FFF;
    float:left;
    text-decoration:none;
    margin-right:10px;
    margin-top:6px;
}

div#barra_pie a:visited {
    color:#FFF;
    float:left;
    text-decoration:none;
    margin-right:10px;
    margin-top:6px;
}

div#barra_pie a:hover {
    color:#99cc99;
    float:left;
    text-decoration:underline;
    margin-right:10px;
    margin-top:6px;
}
/* ESTILOS PARA EL PIE DE PÁGINA */

/* CLASES USADAS PARA ALTERNAR COLORES EN LAS FILAS DE LAS TABLAS */
.filapar {
    background:#FFF;
    color:#333;
}

.filaimpar {
    background:#99CC99;
    color:#FFF;
}

/* CLASES USADAS PARA ALTERNAR COLORES EN LAS FILAS DE LAS TABLAS */


/* CLASES DE ERROR */
.errorValidacion{
    color:red;
    font-weight:bold;
}

.error {
    border:1px #F00 solid;
    background:#FCC;
    width:400px;
}

.errortxtarea {
    border:1px #F00 solid;
    background:#FCC;
    width:400px;
}

.errorcmb {
    background:#FCC;
}
